<template>
  <div class="posttable">
    <el-row style="margin-bottom: 10px;">
      <el-col :span="24" style="margin-top: 10px;padding-right: 30px;padding-left: 40px;">
        <el-row>
          <el-col class="bot">
            <el-col style="width: 20%;">
              <el-col>
                <p class="title">入职公司</p>
              </el-col>
              <el-col>
                <p class="text">{{requiredata.company}}</p>
              </el-col>
            </el-col>
            <el-col style="width: 20%;">
              <el-col>
                <p class="title">部门</p>
              </el-col>
              <el-col>
                <p class="text">{{requiredata.department}}</p>
              </el-col>
            </el-col>
            <el-col style="width: 20%;">
              <el-col>
                <p class="title">服务客户</p>
              </el-col>
              <el-col>
                <p class="text">{{requiredata.customer}}</p>
              </el-col>
            </el-col>
            <el-col style="width: 20%;">
              <el-col>
                <p class="title">职位</p>
              </el-col>
              <el-col>
                <p class="text">{{requiredata.position}}</p>
              </el-col>
            </el-col>
            <el-col style="width: 20%;">
              <el-col>
                <p class="title">姓名</p>
              </el-col>
              <el-col>
                <p class="text">{{requiredata.name}}</p>
              </el-col>
            </el-col>
          </el-col>
        </el-row>
        <el-row>
          <el-col class="bot1">
            <el-col style="width: 20%;">
              <el-col>
                <p class="title">性别</p>
              </el-col>
              <el-col>
                <p class="text">{{requiredata.sex}}</p>
              </el-col>
            </el-col>
            <el-col style="width: 20%;">
              <el-col>
                <p class="title">区域</p>
              </el-col>
              <el-col>
                <p class="text">{{requiredata.area}}</p>
              </el-col>
            </el-col>
            <el-col style="width: 20%;">
              <el-col>
                <p class="title">联系方式</p>
              </el-col>
              <el-col>
                <p class="text">{{requiredata.phone}}</p>
              </el-col>
            </el-col>
            <el-col style="width: 20%;">
              <el-col>
                <p class="title">毕业时间</p>
              </el-col>
              <el-col>
                <p class="text">{{requiredata.graduationTime}}</p>
              </el-col>
            </el-col>
            <el-col style="width: 20%;">
              <el-col>
                <p class="title">入职时间</p>
              </el-col>
              <el-col>
                <p class="text">{{requiredata.entryTime}}</p>
              </el-col>
            </el-col>
          </el-col>
        </el-row>
        <el-row>
          <el-col class="bot1">
            <el-col style="width: 20%;">
              <el-col>
                <p class="title">到场时间</p>
              </el-col>
              <el-col>
                <p class="text">{{requiredata.admissionTime}}</p>
              </el-col>
            </el-col>
            <el-col style="width: 20%;">
              <el-col>
                <p class="title">试用期</p>
              </el-col>
              <el-col>
                <p class="text">{{requiredata.probationPeriod}}</p>
              </el-col>
            </el-col>
            <el-col style="width: 20%;">
              <el-col>
                <p class="title">补助</p>
              </el-col>
              <el-col>
                <p class="text">{{requiredata.subsidy}}</p>
              </el-col>
            </el-col>
            <el-col style="width: 20%;">
              <el-col>
                <p class="title">薪资</p>
              </el-col>
              <el-col>
                <p class="text">{{requiredata.salary + "k" + " " + "*" + " " + requiredata.salaryNum}}</p>
              </el-col>
            </el-col>
            <el-col style="width: 20%;">
              <el-col>
                <p class="title">招聘专员</p>
              </el-col>
              <el-col>
                <p class="text">{{requiredata.recommender}}</p>
              </el-col>
            </el-col>
          </el-col>
        </el-row>
        <el-row>
          <el-col class="bot1">
            <el-col style="width: 20%;">
              <el-col>
                <p class="title">状态</p>
              </el-col>
              <el-col>
                <p class="text">{{requiredata.state}}</p>
              </el-col>
            </el-col>
            <el-col style="width: 20%;" v-if="requiredata.state == '待离职'">
              <el-col>
                <p class="title">离职时间</p>
              </el-col>
              <el-col>
                <p class="text">{{requiredata.depatureTime}}</p>
              </el-col>
            </el-col>
            <el-col style="width: 20%;" v-if="requiredata.state == '待离职'">
              <el-col>
                <p class="title">离职状态</p>
              </el-col>
              <el-col>
                <p class="text">{{requiredata.quitState}}</p>
              </el-col>
            </el-col>
            <el-col style="width: 20%;" v-if="requiredata.state == '待离职'">
              <el-col>
                <p class="title">离职原因</p>
              </el-col>
              <el-col>
                <p class="text">{{requiredata.quitReason}}</p>
              </el-col>
            </el-col>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
  </div>
</template>
<script>
  import axios from "axios";

  export default {
    name: "entryinfodetail",
    props: {
      detailCode: {
        type: Number
      }
    },
    data() {
      return {
        requiredata: {}
      };
    },
    created() {
      axios.post(this.url + '/entryquit/getDetail',{
        id : this.detailCode + ''
      }).then(res => {
        this.unlogin(res.data.code)
        if (res.data.code == 200) {
         this.requiredata = res.data.data;
        }
      });
    }
  };
</script>
<style scoped>
  .title {
    color: #757575;
    margin-bottom: 10px;
    font-size: 14px;
  }
  
  .text {
    width: 98%;
    color: #333333;
    font-weight: 700;
    font-size: 14px;
    word-break: break-all;
  }
  
  .bot {
    margin-bottom: 20px;
  }
  
  .bot1 {
    margin-bottom: 30px;
  }
</style>
